<template>
  <div class="home">
    <div class="home__header">
      <i @click="toggleBars" class="iconfont iconsanheng"></i>
      <div class="home__middle">
        <i class="iconfont iconlogo-dark"></i>
        <i class="iconfont iconyinyue"></i>
        <i class="iconfont iconshuangren"></i>
      </div>
      <i class="iconfont iconweibiaoti-"></i>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>

export default {
  name: 'home',
  components: {}
}
</script>

<style lang="scss">
.home {
  width: 100%;
  flex: 1;
  .home__header {
    display: flex;
    width: 100%;
    height: 50px;
    background: rgb(230, 45, 76);
    justify-content: space-around;
    .iconfont {
      font-size: 26px;
      line-height: 50px;
      color: #fff;
      margin: 0px 12px 0px 12px;
    }
  }
}
</style>
